/*
 * @Author: master
 * @Date: 2021-11-10 13:58:42
 * @LastEditTime: 2022-04-12 13:38:05
 * @Description: 事件列表
 */
@import '@path/common/style/common.less';

.event-list {
  height: 100vh;

  :deep(.van-nav-bar) {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99;
    height: 46px;
    background-color: #4284f3;

    .van-nav-bar__title {
      color: #fff;
    }

    .van-icon {
      color: #fff;
    }

    .van-nav-bar__text {
      color: #fff;
    }

    .van-nav-bar__right {
      color: #fff;
    }
  }

  .activity-banner {
    height: 46px;
  }

  :deep(.van-tabs) {
    padding-bottom: 50px;
  }

  .wait-handle-list {
    margin-top: 10px;

    li {
      position: relative;
      min-height: 150px;
      background-color: #fff;
      .bottom-split;

      .card-til {
        display: flex;
        align-items: center;
        height: 40px;
        font-size: 12px;

        span {
          &:first-child {
            padding: 2px 10px;
            color: #fff;
            background-color: #4284f3;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
          }

          &:nth-child(2) {
            margin-left: 10px;
          }

          &:last-child {
            margin-right: 10px;
            margin-left: auto;
            color: red;
          }
        }
      }

      .content {
        padding: 10px;
        font-size: 20px;

        p {
          .line-clamp-2;
        }
      }

      .address {
        display: flex;
        align-items: center;
        padding: 0 10px;
        color: rgba(16, 16, 16, 0.6);

        :deep(.van-icon) {
          margin-right: 20px;
          color: #4284f3;
          font-size: 18px;
        }
      }
    }
  }
}
